define(function (require, exports, module) {



    var _ = require("http://localhost:8180//git-my/vue-ladder/src/lib/lodash.js");


    // 1.创建一个组件构造器
    var abc = Vue.extend({
        template: '<div><slot></slot></div>'
    })

    // 2.注册组件，并指定组件的标签，组件的HTML标签为<my-component>
    Vue.component('my-abc', abc)



    var VueComponent = new Vue({
        el: '#app',
        data: {
            tableData: [{
                id: '1001',
                enName: 'supplier',
                cnName: '供应商',
                desc: '供应商信息',
                opt: '编辑'
            }, {
                id: '1002',
                enName: 'cube',
                cnName: '组件主表',
                desc: '组件主要信息..',
                opt: '编辑'
            }, {
                id: '1003',
                enName: 'service',
                cnName: '服务主表',
                desc: '服务Api的主要介绍...',
                opt: '编辑'
            }, {
                id: '1004',
                enName: 'tag',
                cnName: '标签表',
                desc: '交叉性搜索..',
                opt: '编辑'
            }]

        },
        methods: {
            handleEditClick: function (row) {
                var config = {
                    url: '02-componentEdit.html',
                    menuName: row.cnName + '-编辑'
                };
                this.openWin(config);
            },
            toggleHasTop: function (to) {
                if (to == undefined) {
                    this.innerPage.hasTop = !this.innerPage.hasTop;
                } else {
                    this.innerPage.hasTop = to;
                }
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        }

    });

});